import React,{useState} from 'react'
import { NavBar,Input,Button } from 'antd-mobile'

const App = () => {
  const [value, setValue] = useState('')
  return (
    <div>
      <NavBar>客服聊天</NavBar>
      <div className='chra'>
      <div className='chra-left'>
      <div className='avart'>
          <img rsc="vite.svg" alt='' />
        </div>
        <div className="rn">
        哈哈哈哈哈哈久啊接电话就撒四大三阿是几乎都是都不睡觉手机号多少
        </div>
      </div>
        
      </div>
      <div className='footer'>
        <Input
          placeholder='请输入内容'
          value={value}
          onChange={val => {
            setValue(val)
          }}
        />
        <Button color='primary' fill='solid' size='mini'>
            发送
          </Button>
      </div>
    </div>
  )
}

export default App
